<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <!--
        * @作者: 陈会丽 *
        * @时间：2024-2025-1 *
        -->
    </head>
    <body>
        <div>
            <div class="box1" align="center"><span>我</span></div>
            <div class="box2" align="center"><span>是</span></div>
            <div class="box3" align="center"><span>物</span></div>
            <div class="box4" align="center"><span>联</span></div>
            <div class="box5" align="center"><span>网</span></div>
        </div>
    <style>
        span {
            position: absolute;
            top: 40px;
            left: 40px;
        }
        div{
				width: 100px;
				height: 100px;
				border-radius: 50%;
				position: absolute;
				margin-bottom: 10px;
				margin-left: 25px;
				margin-right: 250px;
				margin-top: 10px;
			}
			.box1{
				border: 10px solid blue;
				top: 70px;
				left: 160px;
			}
			.box2{
				border: 10px solid black;
				top: 70px;
				left: 290px;
			}
			.box3{
				border: 10px solid red;
				top: 70px;
				left: 420px;
			}
			.box4{
				border: 10px solid yellow;
				top: 140px;
				left: 225px;
			}
			.box5{
				border: 10px solid green;
				top: 140px;
				left: 355px;
			}
    </style>
    </body>
</html>